<template>
	<view class="page">
		<view class="top flexRow">
			<image src="../../static/2.png" class="img"></image>
		</view>
		<view class="mianshi">面试邀请</view>
		<view class="date">2010年3月12日 上午10:00面试</view>
		
		<view class="topIList">
			<view class="flexRow listrow">
				<text class="l1">java 高级工程师</text>
				<text class="l2">【20K_40K】</text>
			</view>
			<view class="flexRow imgList">
				<image src="../../static/newimg/5.png" class="img" style="width: 26rpx;height: 31rpx;"></image>
				<text class="text">海州区</text>
				
				<image src="../../static/newimg/6.png" class="img left"  style="width: 38rpx;height: 31rpx;"></image>
				<text class="text">本科</text>
				
				<image src="../../static/newimg/7.png" class="img left" style="width: 31rpx;height: 31rpx;"></image>
				<text class="text">1_3年</text>
				
				<image src="../../static/newimg/8.png" class="img left" style="width: 33rpx;height: 32rpx;"></image>
				<text class="text">全职</text>
			</view>
		</view>
		
		<view class="line"></view>
		
		<view class="flexRow company">
			<image src="../../static/newimg/1.png" class="img"></image>
			<view class="left flexColumn">
				<view class="flexRow">
					<text class="names">江苏省数据测试有限公司江苏省数据测试有限公司</text>
					<text class="renz">已认证</text>
				</view>
				<view class="flexRow cateList">
					<text class="cate">民营</text>
					<text class="hen">|</text>
					
					<text class="cate lefts">20_99人</text>
					<text class="hen">|</text>
					
					<text class="cate lefts">计算机专业</text>
				</view>
			</view>
		</view>
		
		<view class="flexRow bo1">
			<image src="../../static/newimg/10.png" class="dizhi"></image>
			<text class="dizhifont">海州区·城市开发商的健身房决胜巅峰·</text>
		</view>
		
		<view class="flexRow  bo2">
			<image src="../../static/newimg/11.png"  class="dianhua"></image>
			<text class="dianhuafont">霍女士8767556565·</text>
		</view>
		
		<view class="btn">投递面试</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style  lang='scss'>
	page{
		background-image: url("http://img.haoyouduoapp.com/1597335167050.png");
		background-size: 100%;
	}
	
 .page{
	 height: 1330rpx;
 }
 
 .top{
	 width: 100%;
	 justify-content: center;
	 
	 .img{
		 width: 100rpx;
		 height: 100rpx;
		 border-radius: 100rpx;
		 margin-top: 120rpx;
	 }
 }
 .mianshi{
	 width: 100%;
	 text-align: center;
	 font-size: 34rpx;
	 margin-top: 20rpx;
	 font-weight: 650;
 }
 
 .date{
	 width: 100%;
	 text-align: center;
	 font-size: $uni-font-size-big;
	 margin-top: 5rpx;
 }
 
 .listrow{
 	height: 40rpx;
 	line-height: 40rpx;
 	margin-top: 10rpx;
 	
 	.l1{
 		font-size: $uni-font-size-lg;
 		font-weight: 650;
 	}
 	.l2{
 		margin-left: 35rpx;
 		font-size: $uni-font-size-lg;
 		color: red;
 		overflow:hidden; 
 		text-overflow:ellipsis; 
 		white-space:nowrap; 
		margin-left: 25rpx;
 	}
 }
 
 .forList{
 	width: 86%;
 	margin-left: 4%;
 	box-shadow: 0px 0px 20rpx rgba(0,0,0,0.2);
 	margin-top: 40rpx;
 	min-height: 380rpx;
 	border-radius: 10rpx;
 	padding: 3%
 }
 
 .imgList{
 	height: 40rpx;
 	line-height: 40rpx;
 	margin-top: 35rpx;
 	align-items: center;
 	
 	.img{
 		width: 30rpx;
 		height: 36rpx;
 	}
 	
 	.text{
 		color: #555;
 		font-size: $uni-font-size-big;
		margin-left: 6rpx;
 	}
	.left{
		margin-left: 30rpx;
	}
 }
 .topIList{
	 width: 84%;
	 margin-left: 8%;
	 margin-top: 35rpx;
 }
 .line{
	 height: 2rpx;
	 background: $uni-text-color-line;
	 width: 80%;
	 margin-left: 10%;
	 margin-top: 30rpx;
	}
	
	.company{
		margin-top: 20rpx;
		width: 80%;
		margin-left: 10%;
		align-items: center;
		.img{
		 width: 120rpx;
		 height: 120rpx;
		 display: block;
		 object-fit: cover;
		}
		
		.left{
			margin-left: 20rpx;
			width: 460upx;
			
			
			.names{
				font-size: $uni-font-size-lg;
				width: 70%;
				overflow:hidden; 
				text-overflow:ellipsis; 
				white-space:nowrap; 
			}
			
			.renz{
				margin-left: 10rpx;
				background: $uni-bg-color-main;
				font-size: 24rpx;
				color: $uni-text-color-inverse;
				padding: 7rpx 20rpx;
				border-radius: 30rpx;
			}
			.cate{
				font-size: $uni-font-size-big;
				color: gray;
			}
			.lefts{
				margin-left: 15rpx;
			}
			
			.hen{
				color: gray;
				margin-left: 10rpx;
				font-size: 30rpx;
			}
			.cateList{
				height: 50rpx;
				align-items: center;
			}
		}
	}
	
	.bo1{
		margin-top: 40rpx;
		width: 80%;
		margin-left: 10%;
		height: 40rpx;
		align-items: center;
		
		.dizhi{
			width: 25rpx;
			height: 40rpx;
		}
		
		.dizhifont{
			font-size: $uni-font-size-big;
			margin-left: 15rpx;
		}
	}
	
	.bo2{
		margin-top: 20rpx;
		width: 80%;
		margin-left: 10%;
		.dianhua{
			width: 40rpx;
			height: 40rpx;
		}
		.dianhuafont{
			margin-left: 15rpx;
			font-size: $uni-font-size-big;
		}
	}
	
	.btn{
		width: 80%;
		margin-left: 10%;
		background: $uni-bg-color-main;
		text-align: center;
		height: 90rpx;
		line-height: 90rpx;
		border-radius: 100rpx;
		font-size: $uni-font-size-big;
		color: $uni-text-color-inverse;
		margin-left: 10%;
		margin-top: 30rpx;
	}
</style>
